<template>
	<div class="page flex-col">
		<div class="bd1 flex-col">
			<div class="group1 flex-col" style="background-color: #43B398;">
				<span class="txt1">租车换电找智租</span>
				<div class="wrap1 flex-col"></div>
				<span class="txt2">为天下小哥出行更美好</span>
				<div class="wrap2 flex-col"></div>
				<img class="img1" referrerpolicy="no-referrer"
					src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngc985cf96e762a2fb561fff8b21ddb7ce495a65d9055f44ec7db917f0e98e0204" />
				<img class="pic2" referrerpolicy="no-referrer"
					src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngef097eb7034899a0610cfe5e8573d4b88c07ef22043334a89d8078ce65f5a502" />
				<div class="wrap3 flex-col"></div>
				<img class="pic3" referrerpolicy="no-referrer"
					src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng6f373d61a4a4aeee44ee31264f2c39f70f011856352511cab862769979222bcd" />
			</div>
			<div class="bd7 flex-col" style="margin: 20px auto;margin-top: -9vw;">
				<div class="main1 flex-col">
					<div class="bd8 flex-col"><span class="info2">请输入手机号</span></div>
					<div class="bd9 flex-col">
						<div class="layer1 flex-row">
							<span class="txt6">请输入验证码</span>
							<span class="word4">获取验证码</span>
						</div>
					</div>
					<div class="bd10 flex-row">
						<div class="bd11 flex-col"></div>
						<div class="bd12">
							<span class="word5">同意智租出行</span>
							<span class="info3">《用户协议和隐私条款》</span>
						</div>
					</div>
					<div class="bd13 flex-col"><span class="word6">立即注册开启换电之旅</span></div>
				</div>
			</div>
			<div class="group2 flex-col">
				<div class="bd2 flex-col">
					<div class="group3 flex-col" v-for="(item, index) in loopData0" :key="index">
						<div class="block1 flex-row">
							<div class="bd3 flex-col">
								<span class="word1" v-html="item.lanhutext0"></span>
								<span class="word2" v-html="item.lanhutext1"></span>
							</div>
							<div class="bd4 flex-col"></div>
						</div>
						<img class="img2" referrerpolicy="no-referrer" :src="item.lanhuimage0" />
					</div>
				</div>
			</div>
			<div class="group4 flex-col">
				<img class="img3" referrerpolicy="no-referrer"
					src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngfd7cddb9cc516faf52338a61b45120266672603d788a9b099e1fc6a1049db2df" />
				<div class="bd5 flex-col">
					<div class="bd6 flex-col"></div>
				</div>
			</div>
			<div class="group5 flex-row">
				<div class="box1 flex-col"></div>
				<span class="txt3">使用攻略</span>
				<div class="box2 flex-col"></div>
			</div>
			<div class="group6 flex-row">
				<img class="label1" referrerpolicy="no-referrer"
					src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng51822d563194a22579476825125b4c85b7d42f984004bf5af659356e317f5823" />
				<img class="icon1" referrerpolicy="no-referrer"
					src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb152519796be170c2faed4cadca987d9d6860b354157b6716ec5b2ffe8f80aca" />
				<img class="label2" referrerpolicy="no-referrer"
					src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng72f379de8accfd52f1a6646b4f8b8b0558fc6cbc48d3269b57e3d89c8a7ffee5" />
				<img class="icon2" referrerpolicy="no-referrer"
					src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb152519796be170c2faed4cadca987d9d6860b354157b6716ec5b2ffe8f80aca" />
				<img class="icon3" referrerpolicy="no-referrer"
					src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngaeb0571c2ef4b6cac530449c7cdc5e35ed730cb54f40270ecdec89427a52dea7" />
				<img class="label3" referrerpolicy="no-referrer"
					src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb152519796be170c2faed4cadca987d9d6860b354157b6716ec5b2ffe8f80aca" />
				<img class="label4" referrerpolicy="no-referrer"
					src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngb9b00a8682341a3e5a9cf7b8e64c5950d78dc96b71252ec22c151b41b3dfe79e" />
			</div>
			<div class="group7 flex-row">
				<span class="info1">注册账号</span>
				<span class="word3">购买套餐</span>
				<span class="txt4">实名认证</span>
				<span class="txt5">开始换电</span>
			</div>
		</div>
	</div>
</template>
<script>
	export default {
		data() {
			return {
				loopData0: [{
						lanhutext0: '无需购买电池',
						lanhutext1: '无需购买电池，首次入行成本低',
						lanhuimage0: 'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngbf031868db4c2a99ae1bd5f8822d0a1d42949588bcf7144423cfd1e12f9c11af'
					},
					{
						lanhutext0: '无需充电3秒换电',
						lanhutext1: '无需充电3秒换电，节省时间多跑单',
						lanhuimage0: 'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng19e97492ddbe1e016b976f17d04945cdb48df98fb9f32115237692c60da63e55'
					},
					{
						lanhutext0: '全城任意换',
						lanhutext1: '全城任意换，续航接力无惧长途',
						lanhuimage0: 'https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPngeb95efa7fd4d85f3768836512ac9ab906d4f097b7669b49d394ac79cbad937d8'
					}
				],
				constants: {}
			};
		},
		methods: {}
	};
</script>
<style src="./common.css" />
<style src="./index.css" />
